/*ͨ��*/
a:link{ transition:all 0.5s;text-decoration:none;}
a:hover{color:#d3433e;}
li{list-style:none;}
h3:hover{color:#d3433e;}
.yellow{color:#FF7006;}
.green{color:#4AB886;}
.blue{color:#368CEA;}
.blues{color:#d3433e;}
.b-blue{ background:#5086C1; color:#f3f3f3;}
.b-grey{ background:#f2f2f2; color:#333;}
.zhise{color:#cc33cc;}
.red{color: #ff3366;}
.chengse{color: #99cc00;}
/*ͷ��*/
.tm-header{background:#fff; height:88px;transition-duration:0.5s;transition-timing-function: ease-in-out;transition-delay:0s;transition-property: height,width,line-height,margin; position:fixed; z-index: 1000; width: 100%;}
.tm-header .logo{ margin-top:25px; margin-bottom:20px;transition:all 1s;}
.tm-header .logo img{transition:all 1s;}
.tm-header-small{height:55px;box-shadow: 2px 2px 2px #ccc;}
.tm-header-small .logo  img{width:190px; height:auto;}
.tm-header-small .logo{ margin-top:10px; margin-bottom:10px;}
.tm-header nav{ margin-top:30px;}
.tm-header-small nav{ margin-top:14px;}
.tm-header-small nav ul li a{font-size:16px; color:#666; padding:0 24px;}
.tm-header-small nav ul li a:hover{color:#d3433e;}
nav ul{ margin:0; padding:0;}
nav ul li{ display:inline-block;}
nav ul li a{font-size:18px; color:#666; padding:0 16px;}
nav ul li a.current{color:#1A60AF; font-weight:bold;}
.hotline{font-size:18px;color:#0077DD; display:block; margin-top:30px;}

/*�Ӳ˵�*/
.subdlnav{ position:relative; margin-top:0; background:rgba(255,255,255,.9); overflow:hidden; display:none;}
.subdlnav dl{ margin-top:20px; padding-bottom:20px;}
.subdlnav dt{font-size:16px;}
.subdlnav dt a{color:#666;}
.subdlnav a{color:#888; transition:all 0.5s;}
.subdlnav a:hover{color:#d3433e;}

.getsolution{ display:inline-block; padding:8px 20px; border:#8CB0D7 1px solid; border-radius:3px; margin-top:26px;transition:all 0.5s; text-decoration:none; font-size:14px;}
.tm-header-small .hotline{margin-top:14px;}
.getsolution i{ margin-right:10px;}
.getsolution:hover{ background:#8CB0D7; color:#fff;text-decoration:none;}

/*content-1*/
.content-1{ margin-top:60px; margin-bottom:80px;}

.content-title-1{text-align:center;}
.content-title-1 span{display:block; font-size:26px; color:#366EB5;}
.content-title-1 p{ margin-top:0px; color:#999;}

.content-1-box{ margin-top:25px; border:#D7D7D7 1px solid; padding:20px; transition:all 0.5s;}
.content-1-box i{font-size:32px; color:#fff; background:#333;width:70px; height:100px; border-radius:30px; line-height:100px;}
.content-1-box .uk-icon-mobile{font-size:46px;}
.content-1-box h3{ margin-top:20px; font-weight:bold; color:#333;}
.content-1-box p{font-size:12px; line-height:1.8em; color:#666; margin-bottom:0;}
.content-1-box:hover{border:#9ACAFF 1px solid;}
.content-1-box i,.content-1-box h3{transition:all 0.5s;}
.content-1-box:hover i{ background:#d3433e;}
.content-1-box:hover h3{ color:#d3433e;}


/*content-2*/
.content-2{ background:url(images/yxce-bg.jpg.html); padding-bottom:60px;}
.content-title-2{text-align:center; margin-top:60px;}
.content-title-2 p{ margin:0; font-size:28px; font-weight:100;}
.content-title-2 span {font-size:26px;color:#366EB5; display:block; margin-top:20px; margin-bottom:10px;}
.content-2-box{ margin-top:25px;}
.content-2-box small{color:#999; font-size:12px;}
.content-2-box h2{ margin-top:10px; margin-bottom:20px;}
.content-2-box p{ margin:0; line-height:2em;}



.content-3{ margin-top:60px; margin-bottom:50px;}
.content-3 ul li{ background-repeat:no-repeat; background-position:left top;}
.content-3 ul li:hover{background-repeat:no-repeat; background-position:left -155px;}
.content-3 .k8-box{ margin-left:40px; margin-right:30px; margin-bottom:40px;}
.content-3 .k8-box h3{ margin-bottom:10px; font-size:18px; font-weight:bold; color:#333;}
.content-3 .k8-box:hover h3 {color:#366eb5;}
.content-3 .k8-box p{ margin-top:5px; color:#777;}
.content-3 .k8-box:hover p{color:#366eb5;}

.content-4{ background:url(images/youshi-bg.jpg.html) no-repeat; padding-bottom:80px;}
.content-title-4{ text-align:center; margin-top:60px;}
.content-title-4 span{display:block; color:#229EDE; font-size:28px; margin-bottom:3px;}
.content-title-4 small{font-size:12px; color:#fff; display:block; margin-top:4px;}
.youshi-num{ margin-top:40px;}
.youshi-num span{display:block; margin-top:30px; color:#239EDE;}
.youshi-num span i{font-size:36px; margin-right:5px; color:#239EDE; font-style:normal; font-weight:bold;}
.youshi-num p{color:#fff;}


.content-5{ margin:60px 0;}
.content-5-box .n-date{height:66px; width:66px; float:left; text-align:center; border:#E6E6E6 1px solid; margin-right:20px;}
.content-5-box .n-date span{ background:#E6E6E6; display:block; height:33px; line-height:33px; font-size:16px; font-family:Arial;}
.content-5-box .n-date i{ display:block;height:33px; line-height:33px; font-style:normal; color:#999;}
.content-5-box h3{ margin:0; font-size:14px; }
.content-5-box h3 a{color:#014167;}
.content-5-box p{ margin-top:0; font-size:12px;color:#666;}
.content-5-box li .n-date span{transition:all 0.5s;}
.content-5-box li:hover h3 a{color:#239EDE;}
.content-5-box li:hover .n-date{border:#9ACAFF 1px solid;}
.content-5-box li:hover .n-date span{background:#239EDE; color:#fff;}

.content-6{ background:url(images/yxce-bg.jpg.html); padding-top:30px; padding-bottom:60px;}
.content-6-box{ margin-top:30px;}
.content-6-box .pct{min-height:55px; background:#62676C; padding:15px; transition:all 0.5s; position:relative;}
.content-6-box .pct img{ float:left; margin-right:15px;}
.content-6-box .pct h3{font-size:14px; margin:0; line-height:1.2em;}
.content-6-box .pct h3 a{color:#fff;}
.content-6-box  p{ line-height:1.4em;}
.content-6-box .pct span{color:#BBBDBF;}
.content-6-box .pct:hover{ background:#6F6F6F;}
.content-6-box .pct:hover span{color:#fff;}
.content-6-box .pct i.arrow{ position:absolute; bottom:-8px; left:55px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #297aab; transition:all 0.5s;}
.content-6-box .pct:hover i.arrow{border-top:8px solid #239EDE;}

.content-7{ margin:60px 0;}

/*footer*/
.footer dl dt{font-size:16px; color:#fff; margin-bottom:10px;}
.footer dl dd{ line-height:28px;}
.footer dl dd a{font-size:14px; color:#7B7B7D;}
.footer dl dd a:hover{color:#fff;}

.b-bottom{ margin-top:30px;}
.b-bottom hr	{border-color:#2F3237}
.b-bottom address{ margin-top:10px;}
.b-bottom .icon-share i{width:36px; height:36px; color:#fff; background:#525558; font-size:20px; line-height:36px; text-align:center; border-radius:4px;}

.index-contact dd{color:#7B7B7D;}

.uk-breadcrumb{ margin-top:20px; color:#999;}
.uk-breadcrumb a{color:#999;}

/*
��վ����ҳ��
*/
.web-content-1{ margin-top:30px; margin-bottom:80px;}

.web-title-1{text-align:center; font-size:30px; line-height:30px;}
.web-title-1 span{ display:block; font-size:15px; color:#666; background:url(img2/web-title-bg.gif) no-repeat center center; margin-top:20px;}
.web-title-2{text-align:center; font-size:30px; line-height:30px;}
.web-title-2 span{ display:block; font-size:15px; color:#666; margin-top:20px; margin-bottom:5px;}

.web-content1-box{ margin-top:40px;}
.web-content1-box h3{ margin-top:40px; margin-bottom:5px;}
.web-content1-box p{color:#666; line-height:1.8em; margin-top:10px;}

.web-content-2{ background:#f2f2f2; padding-top:60px; padding-bottom:60px;}
.web-content2-box{ margin-top:25px;}
.web-content2-box h3{ margin-bottom:5px; color:#004081;}
.web-content2-box p{ margin-top:0;}


.web-content-3{ margin:60px 0;}
.web-content3-box{ margin-top:20px; background:url(images/2015-09-23_124518.jpg.html) repeat-y 42px 5px; }
.web-content3-box h3 span{ background:#fff; display:inline-block; width:14px; height:14px;border:#004081 1px solid; border-radius:14px; margin-right:10px; margin-top:4px;}
.web-content3-box h3{color:#004081; font-weight:bold; margin-bottom:0;overflow:hidden;}
.web-content3-box p{ margin-top:5px; margin-left:30px; line-height:1.8em;}

.web-content-4{background:#f2f2f2; padding:60px 0;}
.web-content4-bigbox{margin-top:40px;}
.web-content4-box{ margin-top:90px;}
.web-content4-box h3{ margin-bottom:40px;}
.web-content4-box h3 span{display:inline-block; width:50px; height:32px; text-align:center; line-height:32px; color:#fff;}
.web-content4-bigbox .uk-text-left h3 span{background:url(images/w4-num-bg-left.png.html) no-repeat; margin-right:20px;}
.web-content4-bigbox .uk-text-right h3 span{background:url(images/w4-num-bg-right.png.html) no-repeat; margin-left:20px;}
.web-content4-box h3{border:#DBDBDB 1px solid; padding:2px;}

.web-content-5{ margin:60px 0;}
.web-content5-bigbox{ margin-top:35px;}
.web-content5-box{ overflow:hidden; background:url(img2/lc-bg.gif) no-repeat; width:145px; height:167px;}
.web-content5-box p{color:#999;}
.web-content5-box span{display:block; margin-top:5px; color:#fff;}
.web-content5-box:hover{background:url(img2/lc-bg-hover.png) no-repeat;}
.web-content5-box:hover h3{color:#d3433e; font-weight:bold;}

.web-content-6{position:relative; background:#f2f2f2; padding-top:60px;}
.web-content-6 .online24{position:absolute;bottom:0; overflow:hidden; height:80px; background:url(images/lc-time-bg.png.html) no-repeat center; min-width:875px; display:block; text-align:center; }
.web-content-6 .online24 p{color:#333; font-size:36px; margin-top:25px;}
.web-content6-box h3 span{display:inline-block;width:44px; height:38px;background:url(images/wc6-icon.png) no-repeat; line-height:38px; text-align:center; margin-right:10px;color:#999;}
.web-content6-box h3{font-size:16px; margin-top:20px;}


.web-content-7{ margin:60px 0;}
.web-content7-box{ margin-top:30px;}
.web-content7-box li h3{color:#666;}

.web-content8-box{ background:#f2f2f2; padding:53px 20px; text-align:center;}
.web-content8-box .btn { padding:4px 20px; background:#fff; border:#ccc 1px solid;}
.uk-scrollspy-init-inview{position:relative;}
.uk-scrollspy-init-inview a p{position: absolute;
    top: 60%;
    width: 40%;
    left: 30%;
    border: 1px solid #d3433e;
    color: #d3433e;
    text-align: center;
    height: 30px;
    line-height: 30px;}
.uk-scrollspy-init-inview a p:hover{color:#fff;background:#d3433e;}	
.web-content-8 .wc8-img:hover{background:#f2f2f2;}

.web-content-9{ margin:60px 0;}
.web-content9-box{ margin-top:25px;}
.web-content9-box ul{ padding:0; margin:0;}
.web-content9-box ul li{ margin-bottom:15px;}	
.web-content9-box ul li a{color:#333; margin-left:15px; transition:color 0.5s;background:url(images/squ-icon.jpg.html) no-repeat left; padding-left:15px; }
.web-content9-box ul li a:hover{color:#368CEA;}
.web-content9-box ul li span{ float:right; color:#999;}

.web-content-10{ margin-bottom:80px;}
.web-content10-box{ border-top:#ccc 1px solid; border-bottom:#ccc 1px solid;}
.web-content-10 h3{height:43px; line-height:43px; color:#fff; background:url(images/view-other-bg.jpg.html) no-repeat right; padding-left:30px;}
.web-content10-box ul li{background:url(images/squ-icon.jpg.html) no-repeat left; display:inline-block; line-height:43px; margin:0 10px;}
.web-content10-box ul li a{ margin-left:15px;color:#666; font-size:16px;}


.qq_icon{border: 1px solid #d3433e;display: block;padding: 10px 55px 12px;color: #d3433e;font-size: 16px;width: 110px;text-align: center;}
.qq_icon_weixin{margin: 45px auto 0;transition:all 0.6s ease-in-out;}
.qq_icon_weixin:hover{background:#d3433e;color: #fff; }

/*
΢�ſ���
*/
.weixin-content-2{ background:#f2f2f2; padding:60px 0 55px;}
.weixin-content2-box{ margin-top:35px;}
.weixin-content2-box i{ font-size:60px;}
.weixin-content2-box .yellow:hover{#ff6a64;}
.weixin-content2-box h3{font-size:24px; font-weight:bold;margin-top: 15px;}
.weixin-content2-box h3:hover{color:#ff6a64;}
.weixin-content-2 .uk-width-medium-1-3{height: 260px;margin-bottom: 35px;}
.weixin-content-2 .uk-width-medium-1-3 a{cursor: text;}
.weixin-content-2 .uk-width-medium-1-3:nth-of-type(2) a{cursor: pointer;    display: block;}
.weixin-content2-box .uk-width-medium-1-3:nth-of-type(2) a:hover h3{color:#ff6a64;}
.weixin-content-2 .qq_icon_weixin{margin-top: -30px;}
.web-content-8 .qq_icon_weixin{background:#d3433e;color: #fff;margin-top: 75px;}
.web-content-8 .qq_icon_weixin:hover{background:#ff4a2f; border: 1px solid #ff4a2f;}
/* .web-content-8 li a:hover img{opacity: 0.7;} */

.weixin-content-3{ margin:60px 0;}
.weixin-content3-box{ margin-top:30px;}
.weixin-content3-box p{ background:url(img2/squ-icon-red.gif) no-repeat left 8px; padding-left:15px; padding-bottom:6px; font-size:15px; border-bottom:#BFBFBF 1px dotted; margin-top:5px; margin-bottom:10px;}
.wx-view-btn{ background:#f2f2f2; border:#e0e0e0 1px solid; color:#666; padding:4px 30px; display:inline-block; margin-top:25px; font-size:15px; transition:all 0.5s;}
.wx-view-btn:hover{background:#d3433e; color:#fff;border:#d3433e 1px solid;}
.wx-view-btn-blue{background:#d3433e; border:#e0e0e0 1px solid; color:#666; padding:4px 30px; display:inline-block; margin-top:25px; font-size:15px; transition:all 0.5s; color:#fff;}
.wx-view-btn-blue:hover{color:#fff; background:#fb6f63;}


.weixin-content-4{ background:#f2f2f2; padding:40px 0;}
.weixin-content-4 h3{ margin-bottom:5px; margin-top:20px;}
.weixin-content-4 h3 a{color:#d3433e; font-weight:bold;}
.weixin-content-4 p{ margin-top:0;color:#666; line-height:1.4em;}
.weixin-content4-box{ margin-top:20px;}

/*
APP����
*/
.what-app-box{ overflow:hidden; background:url(images/app-bg.png.html) no-repeat center top; padding-bottom:50px;}
.what-app-box img{ margin-top:120px;}
.app-content-1,.app-content-3{ margin:60px 0;}
.app-content-1 h2{font-size:18px; font-weight:100; line-height:2em;}
.app-content-1 h3{ margin-bottom:30px;}
.app-content-1 p{ background:url(images/2015-09-23_212544.jpg.html) no-repeat left; padding-left:20px; font-size:18px;}
.app-content-2{ background:#f2f2f2; padding:60px 0;}
.app-content-3 p,.app-content-4 p{font-size:16px; color:#666; line-height:1.8em;}
.app-content-3 .web-title-1,.app-content-4 .web-title-1{ margin-bottom:30px;}
.app-content-4{ margin-bottom:60px;}
.apple-bg{ background:url(images/app-bg.png.html) no-repeat top center;}

/*
ר��-΢���� ΢�̳� ΢����
*/
.order-title{ background:#5086C1; color:#fff; padding:20px 0;}
.order-title h2{font-size:30px;}
.order-title i{display:inline-block;width:60px; height:60px; line-height:60px; text-align:center; background:#fff; border-radius:30px; color:#5086C1; font-size:30px; margin-right:15px;}
.order-title h5{ margin-bottom:3px; margin-top:5px;}
.order-title p{font-size:26px;}

.dist-box{ background:#5086C1; height:400px;}
.dist-box *{ color:#fff;}

.spec-all-content{ margin:60px 0;}
.spec-all-content-box{ margin-top:40px;}
.spec-all-content-box p{font-size:16px; color:#666; line-height:2em;}

.spec-big-tab{background:#f2f2f2; overflow:hidden; height:138px;}
.spec-big-tab i{font-size:60px; margin-right:10px;}
.spec-big-tab a{display:inline-block; padding:37px 0; width:210px;}
.spec-big-tab a.active1{ border-bottom:#FF7006 4px solid;}
.spec-big-tab a.active2{ border-bottom:#4AB886 4px solid;}
.spec-big-tab a.active3{ border-bottom:#368CEA 4px solid;}

.spec-web-design{ margin:60px 0;}
.spec-web-design .web-title-2{ padding-bottom:10px;}

/*��Ӧʽר����Ŀ*/
#app_cont .items{ width:247px; height:194px; margin:0 auto; position:relative; border:#e9edee 1px solid;}
#app_cont .items a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer}
#app_cont .items .img{ width:84px; height:84px; float:left}
#app_cont .items .intro{ width:100px; margin-left:8px;float:left; color:#333333}
#app_cont .items .intro h1{ font-size:20px; padding-top:7px; margin-bottom:0;}
#app_cont .items .intro .txt{ line-height:20px; font-size:14px}
#app_cont .items .conts{ margin:46px 15px;}

/*
������Ч��
*/
@-webkit-keyframes bs {
  0% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 0px 0 #f60;
  }

  50% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 20px 0 #f60;
  }

  100% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 0px 0 #f60;
  }
}
@-moz-keyframes bs {
  0% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 0px 0 #f60;
  }

  50% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 20px 0 #f60;
  }

  100% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 0px 0 #f60;
  }
}
@-o-keyframes bs {
  0% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 0px 0 #b2ff1a;
  }

  50% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 20px 0 #1affff;
  }

  100% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 0px 0 #b2ff1a;
  }
}
@keyframes bs {
  0% {
    box-shadow: 0 0 0px 0 #F99D36;
  }

  50% {
    box-shadow: 0 0 20px 0 #F99D36;
  }

  100% {
    box-shadow: 0 0 0px 0 #F99D36;
  }
}
@-webkit-keyframes bs2-in {
  0% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 10px 0 #bbff33;
  }

  100% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }
}
@-moz-keyframes bs2-in {
  0% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 10px 0 #bbff33;
  }

  100% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }
}
@-o-keyframes bs2-in {
  0% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 10px 0 #bbff33;
  }

  100% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }
}
@keyframes bs2-in {
  0% {
    box-shadow: inset -1px 1px 3px 2px #444444, inset 1px -1px 3px 2px #222222, 0 0 10px 0 #bbff33;
  }

  100% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }
}
@-webkit-keyframes bs2 {
  0% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }

  50% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 10px 0 #ffbb33;
  }

  100% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }
}
@-moz-keyframes bs2 {
  0% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }

  50% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 10px 0 #ffbb33;
  }

  100% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }
}
@-o-keyframes bs2 {
  0% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }

  50% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 10px 0 #ffbb33;
  }

  100% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }
}
@keyframes bs2 {
  0% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }

  50% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 10px 0 #ffbb33;
  }

  100% {
    box-shadow: inset -1px 1px 5px 2px #444444, inset 1px -1px 5px 2px #222222, 0 0 0px 0 #ff3333;
  }
}



.order-content { margin:50px 0;}
.order-form .uk-form-icon{display:block; width:99%; margin-bottom:15px;}
.order-form .uk-form-icon input{width:99%;}
.order-form textarea{display:block;width:98%;}
.order-form button{ margin-top:20px;}
.whatwedo h1{ margin-top:10px; font-size:30px;}
.whatwedo .uk-block{ background:#f2f2f2;}
.whatwedo .uk-block a{color:#333; font-size:18px;}

.spec-content-mall{ margin:60px 0;}
.spec-content-mall p{font-size:16px; line-height:2em; color:#666;;}

/*΢����*/
.spec-content-dist { margin:30px 0;}
.dist-content-1{ margin:60px 0;}

.dist-content-1-box > div { padding:20px;}
.fenxiao-list{ margin:0; padding:0; margin-top:30px;}
.fenxiao-list li{ background:url(images/squ-icon-blue.gif.html) no-repeat left; border-bottom:#ccc 1px dotted;font-size:16px; padding-left:15px; line-height:2.2em;}

.blue-btn{ background:#d3433e; color:#fff; padding:7px 20px; font-size:16px;}
.blue-btn:hover{color:#f3f3f3; background:#338CEA;}

/*��Ӧʽ��վר��*/
.responsive-web-content-2 p,.responsive-web-content-1 p{font-size:16px; }

/**
Ӫ���߻�
**/
.sale-content-2{ background:#f2f2f2; padding:60px 0;}
.sale-content-2 i{font-size:45px;}
.sale-content2-box h3{font-weight:bold;}
.sale-content2-box a{color:#333;}
.sale-content2-box a:hover{color:#358CEB;}
.sale-content2-box span{display:block;width:55px; height:55px; background-repeat:no-repeat; background-position:center top; margin:0 auto;}
.sale-content2-box:hover span{ background-position:center -70px;}

.sale-content-3{ margin:60px 0;}
.yuanli-box{ margin-bottom:40px;}
.yuanli-box .uk-vertical-align{height:140px; background:url(images/2015-09-28_100359.jpg.html) no-repeat top right;}
.yuanli-box h3{font-size:24px; color:#d3433e; font-weight:bold;}
.sale-content-3 .yuanli-box p{ margin:0px; font-size:18px; color:#666;}

.sale-content-4{ margin:60px 0; border-top:#E5E5E5 1px solid;}
.sale-content4-box h1{ margin-top:60px;}
.sale-content-4 h4{ border:#e5e5e5 1px solid; background:#f2f2f2; padding:14px 60px; border-radius:30px; display:inline-block; font-size:24px; font-weight:bold;}
.sale-content-4 p{font-size:16px;}
.sale-content-5{background:#f2f2f2; padding:60px 0; margin-bottom:60px;}


/*
Ӫ���߻�DPS
*/
.dps-content-2{ margin:60px 0;}
.dps-content2-box{ margin-top:40px;}
.dps-content2-box img{ margin-right:4px;}
.dps-content2-box span{color:#999; font-size:12px;}
.dps-content-2 p{ line-height:2em;}

.dps-content-3{ background:#f2f2f2; padding:60px 0; margin:60px 0;}
.dps-content-3 h1{ margin-bottom:30px;}
.dps-content3-list{ margin:0; padding:0;background:url(images/2015-09-28_131752.jpg.html) repeat-y 17px 0;}
.dps-content3-list li{ margin-bottom:20px;}
.dps-content3-list span{color:#666;}
.dps-content3-list i{display:block; width:35px; height:42px;background:url(images/2015-09-28_131156.jpg.html) no-repeat center; color:#d3433e; font-style:normal; text-align:center; line-height:42px; float:left; margin-right:15px;/*margin-bottom: 40px;*/}
.dps-content3-list h3{ margin:0;line-height:40px;}
.dps-content-4{ margin:60px 0;}
.dps-content4-box{ margin-top:30px;}
.dps-content4-box li i{display:inline-block; width:56px; height:56px; background:#0069A3; color:#fff; text-align:center; line-height:56px; border-radius:28px; font-size:30px;}
.dps-content4-box h5{ margin-top:10px;}
.dps-content4-box li{ background:url(images/2015-09-22_200909.jpg.html) no-repeat right 22px;}
.dps-content4-box li:last-child{ background:none;}
.dps-content-4 h3{ margin-bottom:50px;}

/*
�ڱ�
*/
.kb-content-1{ background:#f2f2f2; padding:60px 0; margin:60px 0;}

/*
������ʼ
*/
.cases-content{ margin:60px 0;}
.cases-subnav { margin-top:40px; margin-bottom:60px;}
.cases-subnav ul li{display:inline-block; margin:10px 3px;}
.cases-subnav ul li a{ background:#F2F2F2; color:#333; padding:7px 30px; font-size:16px; transition:all 0.5s;}
.cases-subnav ul li a:hover{ background:#d3433e; color:#fff; }
.cases-subnav ul li.active a{background:#d3433e; color:#fff; }


/*������*/
.uk-grid-divider-grey > [class*="uk-width-medium-"]:nth-child(n+2):not(.uk-width-medium-1-1){ border-left:#e5e5e5 1px solid;}
.uk-grid-divider-grey > [class*="uk-width-medium-"]:first-child { padding-left:0;}
.uk-grid-divider-grey >*{ padding:0 35px;}

.uk-grid-divider-grey2 > [class*="uk-width-medium-"]:nth-child(n+2):not(.uk-width-medium-1-1){ border-left:#e5e5e5 1px solid;}
.uk-grid-divider-grey2 >*{ padding:0 35px;}

.uk-grid-divider-grey4 > [class*="uk-width-medium-"]:nth-child(n+2):not(.uk-width-medium-1-1){ border-left:#3E4E57 1px solid;}
.uk-grid-divider-grey4 >*{ padding:0 35px;}

.uk-grid-divider-grey3 > li:nth-child(n+2){ border-left:#e5e5e5 1px solid;}
.uk-grid-divider-grey3 >*{ padding:0 35px;}
.uk-grid-divider-grey3 > li:nth-child(5){ border-left:none;}


.cases-sales-box h4{font-size:18px;}
.cases-sales-box p{color:#808080;}
.cases-btn{ color:#014467; background:#F2F2F2; border:#E0E0E0 1px solid; font-size:14px; padding:2px 16px; transition:all 0.5s;}
.cases-btn:hover{ background:#d3433e; color:#fff;}
.cases-sales-list img{border:#E0E0E0 1px solid; transition:all 0.5s;}
.cases-sales-list img:hover{border:#368CEA 1px solid;}
.cases-big-btn a{ margin:0 4px;}


.cases-website-list .uk-overlay{}
.cases-website-list .uk-overlay-panel{}
.cases-website-list .more{ background:url(images/website-more.gif.html) no-repeat right; font-size:12px; padding-right:15px; color:#fff; display:block;}

.cases-wx-bigbox figure {border:#E0E0E0 1px solid;}
.cases-sales-content{margin:40px 0; border-top:#E5E5E5 1px solid; border-bottom:#E5E5E5 1px solid;}
.cases-sales-subbox{margin:30px 0; }
.cases-sales-subbox h2{ color:#d3433e; font-size:22px; margin-bottom:5px;}
.cases-sales-subbox h2 span{ color:#CCC; font-size:16px;}
.cases-sales-subbox p{color:#666; margin-top:5px;}

/*
�ӽ�
*/
.hot-tags a{ margin:4px;}
.views-list{padding-left:0;}
.views-list li{ border-bottom:#e0e0e0 1px dotted; margin:20px 0; padding-bottom:10px;}
.views-list li img{ margin-right:20px;}
.views-list li  p{ margin-top:5px;}
.views-list li h3 a{ color:#014167;}

.uk-article-meta{ margin-bottom:35px;}
.tags{ margin:10px 0;}
.tags a{background:#999; color:#fff; padding:3px 10px; margin:0 5px;}
.nextpage{ color:#d3433e;}
.nextpage a{color:#999;}
.nextpage a:hover{color:#d3433e;}

.views-content{ margin-top:20px;}
/*
ý�屨��
*/
.media-list{ padding-left:0; margin-top:40px;}
.media-list .date-box{ width:80px; height:80px; margin-right:20px;border:#E6E6E6 1px solid;}
.media-list .date-box i {display:block; background:#E6E6E6; line-height:40px; text-align:center; font-size:20px; font-style:normal;}
.media-list .date-box span{display:block; text-align:center; line-height:40px; color:#999;}
.media-list li h3 a{ color:#014167;transition:all 0.5s;}
.media-list li h3 a:hober{ color:#d3433e;}
.media-list li  p{ margin-top:5px;}
.media-list li{ border-bottom:#e0e0e0 1px dotted; margin:20px 0; padding-bottom:10px;}
.media-list li .date-box i{transition:all 0.5s;}
.media-list li .date-box{transition:all 0.5s;}
.media-list li:hover .date-box i{ background:#d3433e; color:#fff;} 
.media-list li:hover .date-box{border:#d3433e 1px solid;}

.comm-media-slider{ padding:0;}
.comm-media-slider h2 a{color:#d3433e;}

/*
��������
*/
.about-content-1{ margin:30px 0 60px;}
.about-content1-box{ padding-top:30px;background:url(images/about-bg.jpg.html) no-repeat right top;}
.about-content-2{ padding:60px 0; background:#f2f2f2;}
.about-content2-list{ margin-top:30px;}
.about-content2-list li i{display:inline-block; width:40px; height:40px; background:url(images/squ-icon-ling.png.html) no-repeat; text-align:center; line-height:40px; font-size:18px; font-style:normal; color:#999; margin-right:10px;}
.about-content2-list li{ font-size:16px; margin-bottom:25px;}
.about-content-3{ margin:60px 0;}
.about-content3-box{ margin-top:30px;}
.about-content-4{ margin:80px 0;}
.about-content4-list{ margin-top:30px;}

/*
����
*/
#from-ser .ser-active{ background:#5086C1;}
#from-ser .ser-active a{color:#fff;}

/*
��ϵ����
*/
.contact-content{ margin:20px 0 60px;}
.contact-content address{max-width:360px;}
.contact-content address i{ font-size:26px; color:#8E8E8E;}
.contact-content h2{ font-size:36px; color:#000; font-weight:bold;}
.contact-content h1{color:#d3433e; font-size:46px; font-weight:bold; margin-bottom:20px;}
.contact-content h3{font-size:22px; font-weight:bold; color:#000; margin-top:30px;}
.contact-icons{ margin:45px 0;}
.contact-icons a{ margin:0 5px;}
.contact-icons a:hover i{color:#fff; background:#d3433e;}
.contact-icons i{ font-size:22px; width:40px; height:40px; color:#333; background:#DADADA; line-height:40px; text-align:center; border-radius:20px;}

/*
�Ŷ�
*/
.team-content{ margin:30px 0 60px;}

/*
��վ����
*/
.faq-list{border-bottom:#dfdfdf 1px solid;}
.faq-list h3{ margin-bottom:0;}
.faq-list p{ margin-top:0;}

/*
��������
*/
.hotnews{ padding:0;}
.hotnews li { padding-left:14px; background:url(images/website-more.gif.html) no-repeat left;}
.hotnews li a{color:#333;}
.hotnews li a:hover{color:#005898;}

/*
��������
*/
.relate-article ul{ padding-left:0;}
.relate-article ul li{padding-left: 14px; background: url(images/website-more.gif.html) no-repeat left;}
.relate-article ul li a{color:#666;}
.relate-article ul li a:hover{color:#333;}

/*�ֻ�վcss*/
.mobile-menu{ padding:10px 0;}

/*DSP�ƹ�*/
.spec-dsp-content-3{ background:#f2f2f2; padding:60px 0;}
.spec-dsp-content-3 h2{ color:#3878BF; font-size:38px; font-weight:bold;}
.spec-dsp-content-3 h4{ margin-bottom:50px;}

.spec-dsp-content-4,.spec-dsp-content-5{ padding:60px 0;}
.sp-sub-h2{font-size:26px; font-weight:bold;}
.sp-sub-p span{color:#3878BF; font-weight:bold;}
.dashed-line{ border-bottom:#D9D9D9 1px dashed;}

.spec-dsp-content-6{padding:60px 0; background:url(images/sp-19-bg.jpg.html) no-repeat top center;}
.spec-dsp-content-6 h1{ margin-bottom:25px;}















